export const Demo1 = `
~~~js
import React from 'react';
import { Text } from 'react-fule-ui';

export default function DomeText() {
  return (
    <>
      <div className="demo-block">
        <Button type="button" primary ripple={true}>
          水波纹
        </Button>
      </div>
      <div className="demo-block">
        <Button type="button" ripple={true}>
          水波纹
        </Button>
      </div>
    </>
  );
}
~~~`;

export const Demo2 = `
~~~js
import React from 'react';
import { Text } from 'react-fule-ui';

export default function DomeText() {
  const aaa = () => console.log('你点击了button按钮');
  return (
    <>
      <div className="demo-block">
        <Button type="button" primary onClick={aaa}>
          点击试试
        </Button>
      </div>
      <div className="demo-block">
        <Button type="button">button按钮</Button>
      </div>
    </>
  );
}
~~~`;

export const Demo3 = `
~~~js
import React from 'react';
import { Text } from 'react-fule-ui';

export default function DomeText() {
  return (
    <>
      <div className="demo-block">
        <Button type="button" empty primary href="#/FuleButton">
          button按钮
        </Button>
      </div>
      <div className="demo-block">
        <Button type="button" empty href="#/FuleButton">
          button按钮
        </Button>
      </div>
    </>
  );
}
~~~`;

export const Demo4 = `
~~~js
import React from 'react';
import { Text } from 'react-fule-ui';

export default function DomeText() {
  return (
    <>
      <div className="demo-block">
        <Button type="link" primary href="#/FuleButton">
          link按钮
        </Button>
      </div>
      <div className="demo-block">
        <Button type="link" href="#/FuleButton">
          link按钮
        </Button>
      </div>
      <div className="demo-block">
        <Button type="link" empty primary href="#/FuleButton">
          link按钮
        </Button>
      </div>
      <div className="demo-block">
        <Button type="link" empty href="#/FuleButton">
          link按钮
        </Button>
      </div>
    </>
  );
}
~~~`;